<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="shortcut icon" href="./img/logo.png" />
		<title>Home</title>
		<link rel="stylesheet" href="./css/global.css" />
		<link rel="stylesheet" href="./css/index.css" />
		<script
			src="https://code.jquery.com/jquery-3.6.1.min.js"
			integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ="
			crossorigin="anonymous"
		></script>
	</head>

	<body>
		<div id="header">
			<img
				src="./img/index/banner/banner1.jpg"
				class="banner_img"
				alt=""
			/>
			<img
				src="./img/index/banner/banner2.jpg"
				class="banner_img"
				alt=""
			/>
			<nav>
				<img src="./img/logo.png" alt="" id="header_logo" />
				<ul>
					<li><a href="/index.html">Home</a></li>
					<li><a href="/concept.html">Concept</a></li>
					<li><a href="/about.html">About</a></li>
					<li><a href="/contact.html">Contact</a></li>
				</ul>
			</nav>
			<div id="header_slogan">
				<div>
					<p>what does it mean to</p>
				</div>
				<div>
					<p>have a fulfilling life ?</p>
				</div>
			</div>
			<div id="fold">
				<img src="./img/fold_white.png" alt="" />
			</div>
		</div>
		<div id="body">
			<div id="concept">
				<div class="carousel_template">
					<div class="arrow_group">
						<div class="arrow_group_left">
							<img
								src="./img/arrow-left.png"
								class="left_tempalte"
								alt=""
							/>

							<span class="left_tempalte_bg"></span>
						</div>
						<div class="arrow_group_right">
							<img
								src="./img/arrow-right.png"
								class="right_tempalte"
								alt=""
							/>
							<span class="right_tempalte_bg"></span>
						</div>
					</div>
					<div class="carousel_template_introduce">
						<span>
							Our <br />
							Concept</span
						>
						<p>
							Life filled with values, the value that values the
							landscape, and the dialogue with nature. An
							invisible bond might fill the mind. Life filled with
							you.
						</p>
						<div>
							<span><a href="/concept.html">Read more</a></span>
							<span></span>
						</div>
					</div>
					<div class="introduce">
						<div class="introduce_img_group">
							<div>
								<div class="introduce_group_display">
									<img
										class="introduce-img"
										src=""
										alt=""
										data-src="./img/index/introduces/introduce3.jpg"
									/><img
										class="introduce-img"
										src=""
										alt=""
										data-src="./img/index/introduces/introduce1.jpg"
									/><img
										class="introduce-img"
										src=""
										alt=""
										data-src="./img/index/introduces/introduce2.jpg"
									/><img
										class="introduce-img"
										src=""
										alt=""
										data-src="./img/index/introduces/introduce3.jpg"
									/><img
										class="introduce-img"
										src=""
										alt=""
										data-src="./img/index/introduces/introduce1.jpg"
									/>
								</div>
							</div>
							<div>
								<div class="introduce_group_display">
									<img
										src=""
										alt=""
										data-src="./img/index/introduces/introduce6.jpg"
										class="introduce-img"
									/><img
										src=""
										alt=""
										data-src="./img/index/introduces/introduce4.jpg"
										class="introduce-img"
									/><img
										src=""
										data-src="./img/index/introduces/introduce5.jpg"
										alt=""
										class="introduce-img"
									/><img
										src=""
										alt=""
										data-src="./img/index/introduces/introduce6.jpg"
										class="introduce-img"
									/><img
										src=""
										alt=""
										data-src="./img/index/introduces/introduce4.jpg"
										class="introduce-img"
									/>
								</div>
							</div>
						</div>
					</div>
					<div class="arrow_group">
						<div class="arrow_group_left">
							<img
								src="./img/arrow-left.png"
								class="left_tempalte"
								alt=""
							/>
							<span class="left_tempalte_bg"></span>
						</div>
						<div class="arrow_group_right">
							<img
								src="./img/arrow-right.png"
								class="right_tempalte"
								alt=""
							/>
							<span class="right_tempalte_bg"></span>
						</div>
					</div>
				</div>
			</div>

			<div id="products">
				<h3>Collections</h3>
				<p id="product_ul_line"></p>
				<div id="product_menu_shadow_bg"></div>
				<ul id="product_menu">
					<li class="product_menu_checked">Explore</li>
					<li>Innovate</li>
					<li>Change</li>
					<li>Creative</li>
				</ul>

				<div id="product_group">
					<div class="product_item">
						<div>
							<img
								src=""
								alt=""
								data-src="./img/index/product_img/product (1).jpg"
								class="product-img"
							/>
						</div>
						<p>All that you do, do with your might</p>
					</div>
					<div class="product_item">
						<div>
							<img
								src=""
								alt=""
								data-src="./img/index/product_img/product (2).jpg"
								class="product-img"
							/>
						</div>
						<p>Keep on going never give up</p>
					</div>
					<div class="product_item">
						<div>
							<img
								src=""
								alt=""
								data-src="./img/index/product_img/product (3).jpg"
								class="product-img"
							/>
						</div>
						<p>Wasting time is robbing oneself</p>
					</div>
					<div class="product_item">
						<div>
							<img
								src=""
								alt=""
								data-src="./img/index/product_img/product (4).jpg"
								class="product-img"
							/>
						</div>
						<p>Judge not from appearances</p>
					</div>
					<div class="product_item">
						<div>
							<img
								src=""
								alt=""
								data-src="./img/index/product_img/product (5).jpg"
								class="product-img"
							/>
						</div>
						<p>Life is but a span</p>
					</div>
					<div class="product_item">
						<div>
							<img
								src=""
								alt=""
								data-src="./img/index/product_img/product (6).jpg"
								class="product-img"
							/>
						</div>
						<p>Hang on to your dreams</p>
					</div>
				</div>
			</div>

			<div id="our_team">
				<h3>Team</h3>
				<div id="our_team_box">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
				<div id="team_bg"></div>
			</div>
		</div>
		<div id="footer">
			<img src="./img/logo.png" id="footer_logo" alt="" />
			<ul id="footer_nav">
				<li><a href="/contact.html">Contact</a></li>
				<li><a href="/index.html">Home</a></li>
				<li><a href="/concept.html">Concept</a></li>
				<li><a href="/about.html">About</a></li>
			</ul>
			<p id="footer_copyright">@2022 Team——5535</p>
			<div id="footer_go_home_group">
				<div id="footer_go_home_bg"></div>
				<div id="footer_go_home">
					<p href="">To act</p>
				</div>
			</div>
		</div>
		<div id="shade">
			<img class="shade_bg_img" src="./img/fade1.jpg" alt="" />
			<img class="shade_bg_img" src="./img/fade2.jpg" alt="" />
			<div id="in">
				<a href="/index.html" id="shade_title">FJDW </a>
				<div id="switch_language">
					<span class="switch_language_highlight">En</span>
					<span>Cn</span>
				</div>
				<div id="shade_menu">
					<li><a href="/index.html">Home</a></li>
					<li><a href="/concept.html">Concept</a></li>
					<li><a href="/about.html">About</a></li>
					<li><a href="/contact.html">Contact</a></li>
				</div>
				<div id="shade_go_box">
					<div id="shade_go_bg"></div>
					<div id="shade_go">Go</div>
				</div>
			</div>
			<div id="shade_close"></div>
		</div>
		<div id="load_shade">
			<div id="load_shade_item"></div>
		</div>
	</body>
	<script src="./js/global.js"></script>
	<script src="./js/index.js"></script>
	<script></script>
</html>
